html, body {
	margin:0; padding:0;
	height:100%;
}
 
body {
	background: 50% 50% no-repeat white;
}

h2{
	color:white;
	font-size: 20px;
	text-align: center;
	margin-top: 6px;
	margin-bottom: 27px;
}

 
#floater {
	position:relative; float:left;
	height:50%;	margin-bottom:-200px;
	width:1px;
}
 
#wrapper {
	position:relative; clear:left;
	height:400px; width:80%; max-width:1000px; min-width:400px;
	margin:0 auto;
	background:#000000;
	border:1px solid #FFFFFF;
	border-radius: 10px; 
}
 
#bottom {
	position:absolute;
	bottom:0; right:0;
}
 
#content {
	position:absolute; left:0; right:0; top:0; bottom:0;
	overflow:auto; height:340px;
	padding:20px; margin:10px;
}

#loginForm\:loginPanel{
	margin-top: 120px;
	margin-left:330px; 
	color: white;
}

.ui-widget-content {
    background: none repeat scroll 0 0 black !important;
    border: 1px solid #A8A8A8;
    color: #4F4F4F;
}
.ui-state-default{
    background: -moz-linear-gradient(center top , black, black) repeat scroll 0 0 black;
    border: 1px solid #A8A8A8;
    color: white;
    font-weight: bold;
    text-shadow: none;
    box-shadow: none;
    font-size: small;
}

.ui-widget-content {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #A8A8A8;
    color: white !important;
    text-align: center;
    font-size: small;
}

.sign{
	text-align: center;
	width: 1em;
	font-size: small;
}

.yellow{
	color: yellow !important;
}

.red{
	color: red !important;
}

.green{
	color: green !important;
}

